<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>尺寸</title>
	<style>
		*{
			padding: 0;
			margin: 0;
			box-sizing: border-box;
			list-style: none;
			text-decoration: none;
		}
		.box{
			width: 200px;
			height: 200px;
		}
	</style>
</head>

<body>
	<pre>
			css的尺寸：
			width	    设置元素的宽度。
			    px      像素   绝对单位
			    em      相对单位
			    rem     相对单位    相对于根元素的字体大小  默认1rem=16px
			    %       相对单位    相对于父级盒子的大小    
			height	    设置元素的高度。
			max-width	设置元素的最大宽度。
			min-width	设置元素的最小宽度。
			max-height	设置元素的最大高度。
			min-height	设置元素的最小高度。
			line-height	设置行高。
	</pre>
		
	<div class="box"></div>
	


	


</body>

</html>